import {FC,useRef} from 'react'
const UseRefCom:FC<any> = () =>{
    let ipt = useRef<HTMLInputElement | null>(null)
    // li这类元素直接null/any，就可以通过验证
    let lis = useRef<null>(null) // 坑！！！

    let handleClick = () => {
        console.log(ipt);
        ipt.current!.focus()
    }
    // 坑！！！
    // 对于li这类的元素，声明类型的时候，不要声明，初始值给null就可以了
    return(
        <fieldset>
            <legend>使用Ref</legend>
            <input type="text" ref={ipt}/>
            {/* li！！！ */}
            <ul>
                <li ref={lis}></li>
            </ul>
            <button onClick={handleClick}>点击</button>
        </fieldset>
    )
}
export default UseRefCom